/* img{width: 100%;height: 100%;} */
.cnt{background: #f9f9f9; overflow: hidden; padding-bottom: 60px;;}
.main{margin: 0 2rem;}
.cntpage{padding: 0.3rem 0;}
.cntpageli{color: #666;display: inline-block;margin: 0 5px;}
.cnttop{height: 0.62rem;background: #fff;text-align: center;line-height: 0.62rem;cursor: pointer;}
.cnttopli{width: 33.3%;float: left;height: 0.62rem;background: #9EBFD6;color: #fff; border-left:1px solid #fff; box-sizing: border-box}
.liactive{background: #fff;color: #0099FF;}
.cntsearch{height: 0.88rem;background: #fff;position: relative;box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);box-shadow: 0rem 0.1rem 0.2rem 0rem rgba(0, 0, 0, 0.05);}
.cntsearch input{width: 96.7%;height: 0.48rem;line-height: 0.48rem;margin: 0.2rem;border: 1px solid #ccc;text-indent: 0.2rem;}
.cntsearchimg{position: absolute;right: 0.4rem;top: 0.2rem;padding: 0.1rem;cursor: pointer;}
.cntclsfy{height: 0.98rem;background: #fff;margin-top: 0.2rem;font-size: 0.14rem;box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);box-shadow: 0rem 0.1rem 0.2rem 0rem rgba(0, 0, 0, 0.05);}
.cntclsfygrd{height: 0.49rem;line-height: 0.49rem;text-align: center;}
.cntclsfygrdtag{color: #999;padding: 0 0.2rem;float: left;}
.cntclsfygrdul{float: left;}
.cntclsfygrdul li{float: left;padding: 0 0.15rem;margin:0 0.1rem; height: 28px;line-height: 28px;cursor: pointer;margin-top: 10px;}
.cntclsfygrdul li:hover{background: #0099ff;color: #fff;background-color: #0099ff;border-radius: 14px;}
.cntclsfygrdulli{background: #0099ff;color: #fff;background-color: #0099ff;border-radius: 14px;}

.class{}
.classall{height: 0.76rem;line-height: 1rem; }
.classall-li{height: 0.76rem;line-height: 1rem;color: #333333;display: inline-block;margin-right:30px; cursor: pointer}
.classall-active{height: 0.76rem; border-bottom:#0099FF 5px solid;line-height: 1rem;font-size: 0.28rem;color: #0099FF; text-align: center; font-weight: 600; }
.classc{padding: 0.3rem 0;overflow: hidden;clear: both;}
.classcdiv{width: 4.84rem;height: 3.8rem;float: left; background: #fff;margin: 0.08rem;padding: 30px; padding: 0.3rem ; box-sizing: border-box}
.classcdiv:hover{transform: scale(1.02);box-shadow: 0 0 15px #ccc;}

.class-title{overflow: hidden;}
.class-tag{width: 24px;width: 0.24rem;height: 24px;height: 0.24rem;border: solid 1px #00e1d9; display: inline-block; color:#00e1d9; line-height: 24px; line-height:0.24rem; text-align: center;font-size: 12px;vertical-align: middle;margin-right: 8px; margin-right: 0.08px; }
.class-title a{width: 380px;width: 3.8rem;height: 26px;height: 0.26rem;line-height: 26px;line-height: 0.26rem;color: #333333;vertical-align: middle; display: inline-block; font-weight: 600 }

.class-teacher{overflow: hidden;margin-top: 20px;margin-top: 0.2rem;}
.class-teacher-img{width: 50px;width: 0.5rem; height: 50px; height:0.5rem; border-radius: 50%; float: left;}
.class-teacher-img img{ width: 100%; height: 100%; overflow: hidden}
.class-teacher-info-wrap{ float: left; margin-left: 8px;margin-left: 0.08rem;}
.class-teacher-info-top{height: 21px;height: 0.21rem;	line-height: 21px;line-height: 0.21rem;color: #333333;}
.class-teacher-famous,.class-teacher-famous img{width: 16px;width: 0.16rem; height: 16px;height: 0.16rem;vertical-align:top;}
.class-teacher-info-btm{ width: 198px;width: 1.98rem;height: 16px;height: 0.16rem;	font-size: 12px;	line-height: 16px;line-height: 0.16rem;color: #999999; margin-top:6px;margin-top:0.06rem;}


.class-info{ overflow: hidden;margin-top: 44px;margin-top: 0.44rem; padding-bottom: 20px;padding-bottom: 0.2rem; border-bottom:solid 1px #cccccc;}
.class-info-left{ position: relative; float: left;}
.class-img{ width: 192px;width: 1.92rem;	height: 108px;height: 1.08rem;	border: solid 1px #707070; box-sizing: border-box}
.class-img img{ width: 100%; height: 100%;}
.class-num{width: 192px;width: 1.92rem;	height: 34px;height: 0.34rem;	background-color: rgba(51,51,51,0.5);font-size: 20px;	line-height: 34px;	color: #cccccc; position: absolute;bottom:0px;padding-left: 10px; box-sizing: border-box; }
.class-info-right{float: right;width: 210px;}
.class-info-content{width: 210px;	height: 68px;	font-size: 14px;	line-height: 24px;}
.class-info-content a{color: #999999;}
.class-info-date{width: 159px;	height: 21px;	font-size: 16px;	line-height: 21px;	color: #999999; margin-top: 20px;}


.class-status{ overflow: hidden; margin-top: 14px;}
.class-price{ float: left;width: 92px;	height: 43px;font-size: 32px;	line-height: 39px;	color: #ff8000;}
.class-status-right-info{ float: right;}
.class-status-content{ display: inline-block; line-height: 43px;font-size: 12px;color: #999;}
.living:before{ content:" "; background: url("../imgs/icon_Live.png") no-repeat center center;width: 11px;
	height: 12px; display: inline-block;}
.class-buy-num{display: inline-block; line-height: 43px;font-size: 12px;color: #cccccc;}
.class-buy-num:before{content:" "; background: url("../imgs/icon_ course_ Purchases.png") no-repeat center center;width: 11px;	height: 10px; display: inline-block;}
.class-viewed-num{display: inline-block; line-height: 43px;font-size: 12px;color: #cccccc;}
.fbtn{margin:0 auto;}
.class-viewed-num:before{content:" "; background: url("../imgs/icon_ course_Watch.png") no-repeat center center;width: 11px;	height: 10px; display: inline-block;}
.fbtn li{color: #000;display: inline-block;width: 0.36rem;height: 0.36rem;line-height: 0.36rem;cursor: pointer;border-radius: 50%;}
.clearfix {text-align: center;height: 1rem;}
#pages {display: inline-block;}
.prevli{width: 1rem !important;}
.fbtnon{background: #9EBFD6;color: #fff !important;}


/* .pagination span.total,.pagination span.jump{ display: none;} */
.pagination span.jump{ display: none;}
